// 入口函数
$(function () {
    // 查询id 的参数值
    const search = new URLSearchParams(window.location.search)
    const id = search.get('id')

    // 文章类型
    $.ajax({
        type: 'get',
        url: '/index/category',
        success: function (backData) {
            console.log(backData);
            // 使用模板引擎进行渲染
            const res = template('my_category', backData)
            // 调用模板引擎添加的指定标签的 html 中
            $('.level_two').html(res)
            $('.left_menu').html(res)
        }
    })
    //发送ajax请求--文章详情
    $.ajax({
        type: 'get',
        url: '/index/article',
        data: {
            id
        },
        success: (backData) => {
            console.log(backData)
            // 使用模板引擎进行渲染
            const res = template('my_article', backData.data)
            // 追加到指定标签中
            $('.neirong').html(res)
        },
    })
    // 文章热门排行
    $.ajax({
        type: 'get',
        url: '/index/rank',
        success: (backData) => {
            // console.log(backData)
            // 使用模板引擎渲染
            const res = template('Top_ranking', backData)
            // 追加到指定标签的 html 中
            $('.content_list').html(res)
        },
    })
    // 发送ajax请求--最新评论
    function it_comment() {
        $.ajax({
            type: 'get',
            url: '/index/latest_comment',
            success: (backData) => {
                // console.log(backData)
                // 使用模板引擎进行渲染
                const res = template('my_comments', backData)
                // 追加到指定标签的html中
                $('.comment_list').html(res)
            },
        })
    }
    it_comment()
    // 发送ajax请求--焦点关注
    $.ajax({
        type: 'get',
        url: '/index/attention',
        success: (backData) => {
            // console.log(backData)
            // 使用模板引擎进行渲染
            const res = template('focus', backData)
            // 追加到指定标签的html中
            $('.guanzhu_list').html(res)
        },
    })
    // 发表评论--给评论按钮设置点击事件
    $('.comment_sub').on('click', function (e) {
        // 阻止默认行为
        e.preventDefault()
        // 获取用户名称
        const author = $('.comment_name').val().trim()
        // 获取评论内容
        const content = $('.comment_input').val().trim()
        // 上面已经获取了id
        // 非空判断
        if (author == '' || content == '') {
            layer.msg('用户名或评论内容不能为空')
            return
        }
        // 发送ajax请求
        $.ajax({
            type: 'post',
            url: '/index/post_comment',
            data: {
                author,
                content,
                articleId: id
            },
            success: (backData) => {
                console.log(backData)
                if (backData.code == 200) {
                    layer.msg(backData.msg)
                    // 调用
                    it_comment()
                }
            },
        })
        // 发表成功后清空输入的内容
        $('.comment_input').val('')
        $('.comment_name').val('')

    })
    // 评论列表
    $.ajax({
        type: 'get',
        url: '/index/get_comment',
        data: { articleId: id },
        success: (backData) => {
            console.log(backData)
            const res = template('Comment_on_the_list', backData)
            $('.comment_list_con').html(res)
            $('.comment_count').text(backData.data.length + '条评论')
        },
    })
})